<template>
	<view>
		<view class="nav">
			<view @click="back"> ← 返回</view>
			<view>我的合同</view>
		</view>
		<view class="xieyi">
			<view class="x_title">隐私协议</view>
			<view>这是隐私协议,请遵守：</view>
			<view>
				<view>隐私协议内容1</view>
				<view>隐私协议内容2</view>
				<view>隐私协议内容3</view>
			</view>
		</view>
		<view class="xieyi">
			<view class="x_title">服务声明</view>
			<view>这是服务声明,请遵守：</view>
			<view>
				<view>服务声明内容1</view>
				<view>服务声明内容2</view>
				<view>服务声明内容3</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {reactive,toRefs} from 'vue'
	export default {
		setup(){
			let data=reactive({
				back:()=>{
					uni.navigateBack({
						delta:1
					})
				}
			})
			return {...toRefs(data)}
		}
	}
</script>

<style scoped lang="less">
.xieyi{
	padding: 20rpx;
	border-top: 1px solid #D9D9D9;
	margin-bottom: 10rpx;
	background-color: white;
	view:not(.x_title){
		font-size: 26rpx;
		color: #D9D9D9;
	}
	.x_title{
		margin-bottom: 20rpx;
	}
	>view:last-child{
		margin-top: 30rpx;
		margin-bottom: 80rpx;
	}
}
.nav{
	padding-top: 60rpx;
	padding-bottom: 20rpx;
	background-color: #F8F8F8;
	display: flex;
	position: relative;
	justify-content: center;
	>view:first-child{
		position: absolute;
		left: 0;
		color: #168ADE;
	}
}
</style>
